HTML
is short for "Hyper Text Markup Language", and isn't
really a programming language, it's more like a bunch of tags which
is used to decide the layout of your page or for giving your text
a certain style.
Example:
The tag for bold style<B>. The text followed
this tag becomes bold, but only until you put this in this tag in
your text</B>.
</B> means "end of bold text".
All HTML-tags has these things <> on either
side. Most tags works in the same way. One start-tag and one end-tag.
The start-tag is surrounded by <> and the end-tag
is surrounded by </>, for instance, the end-tag
for bold text: </B>. The tag for Italic
style is written <I> and</I>
is the end-tag for italic style. Pretty simple Huh?!
You
can use more then one HTML-tag on the same line as well, it doesn't
matter if you use a nobreakingspace between the tags either.
The most important thing is to write them so can read them while you
are working. We will use one tag on each line here, just to make it
as easy for you as possible...
We
will use notepad or any other texteditor of your choice that's already
on your comuter. This is one of the great things with HTML, you don't
need any expensive programs to create a homepage. I know there's a
lot of variations of good editors out on the market but I think it's
important to get the hang of the basics about HTML first. It's then
you really can get out the fullest of any expensive editor.
Well,
shall we get started?
"My
first homepage"
Start
the texteditor you want to use and write down these six lines as it
look here:
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
these
lines shall always be in your HTML-documents! It doesn't matter
if you use Caps or not , but some thinks it's easier to see using
caps. OK, lets see what these lines mean.
<HTML>
Tells the browser that this is where the HTML-coding "starts",
and tells the browser how the homepage should look like. And as I
have told you before, all tags needs to have a end tag as well </HTML>.
Without these two tags would the browser show the viewer the page
in plain text as you have written it, which would be rather boring...=o)
Inside
the <HEAD>-tags is where you put information
that isn't really viewed by the browser, it's more or less a tool
used by the browser...we will get back to that later on in he tutorial.
The
<BODY>-tags
are used to tell the browser what you want to show on your page. It's
between these two tags most stuff on a homepage is put in.
It's
time to name your page simply by adding this line in between your
<HEAD>-tags:
<HTML>
<HEAD>
<TITLE>My first homepage</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
The
<TITLE>-tags
is used to name the page. What you type between the <TITLE>-tags
is what you see at the top left of your browser when you view it.
We're going to look what it looks like in a few moments, after adding
a few more lines
<HTML>
<HEAD>
<TITLE>My first homepage</TITLE>
</HEAD>
<BODY>
Welcome to my homepage!
It wasn't so hard after all...Kewl, it feels like I am getting this!
</BODY>
</HTML>
Now
it's time to see what you have created. Save the document as mypage1.htm.
Important!
(You have to use "save as", and make sure you change
the box where you change the filetype at the bottom of your "save
as" window to "all files")
You have to name it as .htm to be able to see it in a browser. and
after you have saved it, open it in your browser
Next
